<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">
		<!-- 
		<link rel="shortcut icon" href="../../assets/ico/favicon.png">
		 -->

		<title>네오아레나 ERP</title>

		<jsp:include page="/WEB-INF/views/common/header.jsp"/>
		
		<script type="text/javascript" src= "<c:out value="${pageContext.request.contextPath}"/>/resources/js/popup.js"></script>
	</head>

	<body>
		<nav class="navbar navbar-inverse navbar-fixed-top">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#">네오아레나 ERP</a>
				</div>
				<div class="navbar-collapse collapse">
					<ul class="nav navbar-nav">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">메뉴 <b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="#">수리 요청 조회</a></li>
								<li><a href="#">수리 요청 작성</a></li>
							</ul>
						</li>
					</ul>
					<form class="navbar-form navbar-right">
						<div class="form-group">
							<input type="text" placeholder="ID" class="form-control">
						</div>
						<div class="form-group">
							<input type="password" placeholder="Password" class="form-control">
						</div>
						<button type="submit" class="btn btn-success">로그인</button>
					</form>
				</div><!--/.nav-collapse -->
			</div>
		</nav>

		<div class="container">
			<div class="page-header">
				<h3>수리 요청 조회</h3>
			</div>

			<form class="form-inline">
				<div class="row">
					<div class="col-sm-6">
						<div class="form-group form-group-sm">
							<label class="control-label" for="customer_code" style="width: 100px">고객</label> 
							<input type="text" class="form-control" id="customer_code" placeholder="고객 코드" disabled>
							<div class="input-group">
								<label class="sr-only" for="customer_name">고객명</label> 
								<input type="text" class="form-control" id="customer_name" placeholder="고객 명" disabled> 
								<span class="input-group-btn">
									<input type="button" class="btn btn-primary btn-sm" id="customer_btn" value="선택"/>
								</span>
							</div>
						</div>
					</div>
				</div>
				<p />
				<div class="row">
					<div class="col-sm-6">
						<div class="form-group form-group-sm">
							<label class="control-label" for="manager_code" style="width: 100px">관리국</label> 
							<input type="text" class="form-control" id="manager_code" placeholder="관리국 코드" disabled>
							<div class="input-group">
								<label class="sr-only" for="manager_name">관리국명</label> 
								<input type="text" class="form-control" id="manager_name" placeholder="관리국 명" disabled> 
								<span class="input-group-btn">
									<button class="btn btn-primary btn-sm" id="manager_btn">선택</button>
								</span>
							</div>
						</div>
					</div>
					<div class="col-sm-6">
						<div class="form-group form-group-sm">
							<label class="control-label" for="operator_code" style="width: 100px">운용국</label> 
							<input type="text" class="form-control" id="operator_code" placeholder="운용국 코드" disabled>
							<div class="input-group">
								<label class="sr-only" for="operator_name">운용국 명</label> 
								<input type="text" class="form-control" id="operator_name" placeholder="운용국 명" disabled> 
								<span class="input-group-btn">
									<button class="btn btn-primary btn-sm" id="operator_btn">선택</button>
								</span>
							</div>
						</div>
					</div>
				</div>
				<p />
				<div class="row">
					<div class="col-sm-6">
						<div class="form-group form-group-sm">
							<label class="control-label" for="serial_no" style="width: 100px">Serial No.</label> 
							<input type="text" class="form-control" id="serial_no" size="56">
						</div>
					</div>
					<div class="col-sm-6">
						<div class="form-group form-group-sm">
							<label class="control-label" for="repair_order_no" style="width: 100px">Order No.</label> 
							<input type="text" class="form-control" id="repair_order_no" size="56">
						</div>
					</div>
				</div>
				<p />
				<div class="row">
					<div class="col-sm-push-6 col-sm-2">
						<input type="button" class="btn btn-primary btn-sm btn-block" id="add" value="작성">
					</div>
					<div class="col-sm-push-6 col-sm-2">
						<input type="button" class="btn btn-primary btn-sm btn-block" id="del" value="삭제">
					</div>
					<div class="col-sm-push-6 col-sm-2">
						<input type="button" class="btn btn-primary btn-sm btn-block" id="retrieve" value="조회">
					</div>
				</div>
			</form>
			<p />
			<!--
			<div class="fixed-table-container">
			<div style="overflow-x:auto">
			<div class="table-responsive">
			-->
			<!-- 
			<table data-toggle="table" data-url="<c:out value="${pageContext.request.contextPath}"/>/resources/test_data/data.json" data-height="400" data-side-pagination="server" data-pagination="true" data-page-list="[5, 10, 20, 50, 100]" data-search="false">
			 -->
			<table data-toggle="table" 
				data-url="<c:out value="${pageContext.request.contextPath}"/>/resources/test_data/data.json" 
				data-height="400" data-pagination="true" data-search="false">
				<thead>
					<tr>
						<th data-field="state" data-checkbox="true"></th>
						<th data-field="no" data-align="center">No</th>
						<th data-field="order_no" data-align="center">Order No.</th>
						<th data-field="serial_no" data-align="center">Serial No.</th>
						<th data-field="item_code" data-align="center">기종 Code</th>
						<th data-field="item_name" data-align="center">품목</th>
						<th data-field="repair_date" data-align="center">수리의뢰일</th>
						<th data-field="customer_id" data-align="center">고객</th>
						<th data-field="operator_id" data-align="center">운용국</th>
						<th data-field="customer_type" data-align="center">고객조치상태</th>
						<th data-field="customer_date" data-align="center">고객조치일</th>
						<th data-field="customer_confirm_date" data-align="center">고객인계확인일</th>
					</tr>
				</thead>
			</table>
		</div>
		
		<div class="modal fade" role="dialog">
			<div class="modal-dialog">
				<div class="modal-content">
				</div>
			</div>
		</div>
		

		<div class="footer">
			<div class="container"></div>
		</div>
	</body>
</html>
